var spaceCheck = new Object({
	init : function(){
		this.strUrl = "http://10.122.32.101:8090/WeatherForecast/WRF/"
		this.time = "2017/08/03/"
		this.height =  "d1/srf/srf-"
		this.imgName = "001"
		this.imgType = ".gif"
		this.setTimeNum = "800"
		// this.getSize()        // 计算图片位置
		this.imgLinkage()     // 图片缩放拖拽联动
		this.bindEvent()      // 事件绑定
	},
	bindEvent : function(){
		var _this = this
		$(".fe-wrap-btn").click(function(){
			$(".fe-img-wrap").toggleClass("cur")
			_this.getSize()        // 计算图片位置
		})
		$(".fe-btn-left").click(function(){
			_this.leftImgNum()
		})
		$(".fe-btn-right").click(function(){
			_this.rightImgNum()
		})
		$(".fe-list-wrap ul li").click(function(){
			$(this).addClass('cur').siblings().removeClass('cur')
			_this.imgName = $(this).attr("data-code")
			_this.getImgSrc()
		})
		$(".fe-play-right p").click(function(){
			$(this).addClass('cur').siblings().removeClass('cur')
			_this.setTimeNum = $(this).attr("data-code")
			clearInterval(_this.inte)
			_this.inte = setInterval(function(){
				$(".fe-btn-right")[0].click()
			},_this.setTimeNum)
		})
		$(".fe-play-left").click(function(){
			$(this).toggleClass('on')
			if($(this).attr("data-code") == "true"){
				$(this).attr("data-code","false")
				clearInterval(_this.inte)
				_this.inte = setInterval(function(){
					$(".fe-btn-right")[0].click()
				},_this.setTimeNum)
			}else{
				$(this).attr("data-code","true")
				clearInterval(_this.inte)
			}
		})
	},
	getSize : function(){
		var _this = this
	    var imageOBJ = new Image() // 创建一个imag对象
	    imageOBJ.src = this.strUrl + this.time + this.height + this.imgName + this.imgType // 预加载图片
		imageOBJ.onload = function(){
			_this.getImgSrc()
			var nLeft = ($(".fe-img-wrap").width() - $(".banner").width() ) / 2
			var nTop  = ($(".fe-img-wrap").height() - $(".banner").height() ) / 2
			$(".banner").css({"left":nLeft,"top":nTop})
		}
	},
	imgLinkage : function(){  
		var size = 1
		$(".banner").mousewheel(function(event, delta){   
			if( delta > 0 ){  // 向上滚动 放大 1/2
				size = size >= 10 ? size : size += 0.4
				size = Number(size.toFixed(1)) 
				var val = "scale("+ size +","+ size +")"
				$(".banner").css("transform",val)
			}else{            // 向下滚动 缩小 -1/-2
				size = size <= 0.6 ? size : size -= 0.4
				size = Number(size.toFixed(1)) 
				var val = "scale("+ size +","+ size +")"
				$(".banner").css("transform",val)
			}
		})

		var off = false
		var setX,setY,downLeftLeft,downLeftTop,downRightLeft,downRightTop

		$(document).mouseup(function(){  // 松手
			off = false
		})
		
		$(".banner").mousedown(function(event){  // 按下
			off = true
			setX = event.clientX   // 鼠标相对屏幕的坐标
			setY = event.clientY

			var myX = $(".banner").width() * (size-1) / 2   // 为缩放后移动做矫正
			var myY = $(".banner").height() * (size-1) / 2  // 为缩放后移动做矫正
			downLeftLeft = $(".banner").position().left + myX  
			downLeftTop = $(".banner").position().top + myY
			return false
		})

		$(document).mousemove(function(){  // 移动
			if( off ){
				var c = event.clientY - setY  // 鼠标移动的位置
				var d = event.clientX - setX  // 鼠标移动的位置
				$(".banner").css("top" , downLeftTop + c)
				$(".banner").css("left" , downLeftLeft + d)			
			}
		})
	},
	getImgSrc : function(){
		$(".banner").attr("src",this.strUrl + this.time + this.height + this.imgName + this.imgType)
	},
	rightImgNum : function(){
		var n = Number(this.imgName)
		this.imgName = this.numFormat(n < 120 ? ++n : n)
		this.getImgSrc()
		$(".fe-list-wrap li").eq(this.imgName - 1).addClass("cur").siblings().removeClass("cur")
		this.setScrollTop()
	},
	leftImgNum : function(){
		var n = Number(this.imgName)
		this.imgName = this.numFormat(n > 1 ? --n : n)
		this.getImgSrc()
		$(".fe-list-wrap li").eq(this.imgName - 1).addClass("cur").siblings().removeClass("cur")
		this.setScrollTop()
	},
	numFormat : function(num){
		return Number(num) < 10 ? "00" + Number(num) : Number(num) < 100 ? "0" + Number(num) : num.toString()
	},
	setScrollTop : function(){
		var LiTop = $(".fe-list-wrap li").eq(this.imgName - 1).offset().top
		var DivTop = $(".fe-list-wrap").offset().top + $(".fe-list-wrap").height()
		if(LiTop > DivTop){
			$(".fe-list-wrap").scrollTop( $(".fe-list-wrap").scrollTop() + 26 )
		}
		if(LiTop < DivTop){
			$(".fe-list-wrap").scrollTop( $(".fe-list-wrap").scrollTop() - 26 )	
		}
	}
}) // NO
spaceCheck.init()
